02. All HTML Pages

• index.html for Home Page
• about.html for About Us
• speakers.html for event speakers
• speaker-details.html for Speaker Single Page
• pricing-plan.html for Ticket Page
• shop.html for Shop Page
• shop-single.html for Shop Single Page
• cart.html for Cart pages
• gallery.html for Gallery Page
• blog.html for Blog Page
• blog-single.html for Blog Details Page
• login.html for Sign In Page
• registration.html for Sign Up Page
• contact.html for Contact Us
• coming-soon.html for Coming Soon Page
• error-page.html for Error Page

03. Fonts

Go to Google Fonts and select your favorite fonts and then just replace the code.

      <!--Google Fonts-->
      
        @import url('https://fonts.googleapis.com/css2?family=Arvo:ital,wght@0,400;0,700;1,400;1,700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

      
    

05. Source File (CSS)

All required css files have been linked like below-

            <link rel="stylesheet" href="assets/css/bootstrap.min.css">
            <link rel="stylesheet" href="assets/css/all.min.css">
            <link rel="stylesheet" href="assets/css/icofont.min.css">
            <link rel="stylesheet" href="assets/css/lightcase.css">
            <link rel="stylesheet" href="assets/css/swiper.min.css">
            <link rel="stylesheet" href="assets/css/style.css">
    

06. Source File (JS)

All required css files have been linked like below. if you need any customization in JAVASCRIPT you have to edit the function.js file.

              <script src="assets/js/jquery.js"></script>
              <script src="assets/js/fontawesome.min.js"></script>
              <script src="assets/js/waypoints.min.js"></script>
              <script src="assets/js/bootstrap.bundle.min.js"></script>
              <script src="assets/js/swiper.min.js"></script>
              <script src="assets/js/circularProgressBar.min.js"></script>
              <script src="assets/js/isotope.pkgd.min.js"></script>
              <script src="assets/js/lightcase.js"></script>
              <script src="assets/js/functions.js"></script>
    

Menu Bar with logo

This is logo and navigation codes.

          <ul class="menu">
              <li>
                  <a href="index.html">Home</a>
              </li>

              <li>
                  <a href="#0">Features</a>
                  <ul class="submenu">
                      <li><a href="gallery.html">Gallery</a></li>
                      <li><a href="login.html">Log In</a></li>
                      <li><a href="registration.html">Sign Up</a></li>
                      <li><a href="pricing-plan.html">Pricing Plan</a></li>
                      <li><a href="shop.html">Shop</a></li>
                      <li><a href="shop-single.html">Shop Single</a></li>
                      <li><a href="cart.html">Cart Page</a></li>
                      <li><a href="404.html">404 Page</a></li>
                      <li><a href="coming-soon.html">Coming-soon</a></li>

                  </ul>
              </li>
              <li>
                  <a href="#0">Speakers</a>
                  <ul class="submenu">
                      <li><a href="speakers.html">All Speakers</a></li>
                      <li><a href="speaker-details.html">Speaker Details</a></li>
                  </ul>
              </li>
              <li>
                  <a href="#0">Blog</a>
                  <ul class="submenu">
                      <li><a href="blog.html">Blog</a></li>
                      <li><a href="blog-single.html">Blog Single</a></li>
                  </ul>
              </li>
              <li><a href="contact.html">Contact</a></li>
          </ul>
    

Here is your main logo code. To add your logo, replace logo.png from images/logo/ directory with your logo in PNG format.

    <div class="logo">
        <a href="index.html">
            <img src="assets/images/logo/01.png" alt="logo">
        </a>
    </div>
            

Note: Keep your logo inside the ./assets/images/logo folder. The logo size should be maximum 153x50 pixel.

To change the menu name you will need to edit in the tag <li><a href="#">menu name </a> </li> and add your text in the middle of the tag.

Section Styles

Here is your section structure.

<section class="xyz-section padding-tb">
    <div class="container">
        <div class="section-header">
          ....
        </div>
        <div class="section-wrapper">
            <div class="row">
              ....
            </div>
        </div>
    </div>
</section>
    

In the class="xyz-section" you can replace with your desired class.

the class padding-tb is the space between each sections.

And in the section-header div you can add your heading of sections and tagline of sections.

You can add your content on the 2nd .section-wrapper div.

Utility Classes

You can use next modification classes to set block margins and paddings:

mt-1 ... mt-5

mb-1 ... mb-5

pt-1 ... pt-5

pb-1 ... pb-5

08. Change Copyright

You Can Change Your Copyright text by changing footer sections copyright part like below-

  <div class="footer-bottom">
      <div class="container">
          <div class="row">
              <div class="col-12">
                  <div class="footer-bottom-content text-center">
                      <p>&copy;2021 <a href="index.html">Kagont</a> -Best For Event HTML Template.</p>
                  </div>
              </div>
          </div>
      </div>
  </div>
    

Support

If you face any kinds of problems with our template or you have any questions, please feel free to contact us at mailto:labartisan@labartisan.com.

Browse Our others Template on Themeforest- LabArtisan